<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>芬木网站</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta content="" name="keywords">
		<meta content="" name="description">
		<link rel="SHORTCUT ICON" href="img/favicon.png" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/app/accmanage-ordermanage.css" />
		<script src="js/lib/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--头部-->
		<div class="header main"></div>
		<script type="text/javascript">
			$('.header.main').load("头部-主.html");
		</script>
		<!--end-->
		<!--内容-->
		<div class="accmanage-cont">
			<div class="container clearfix">
				<div class="cont-left"></div>
				<script type="text/javascript">
					$('.accmanage-cont .cont-left').load("template/账号管理-左边栏.html");
				</script>
				<div class="cont-right">
					<div class="accmanage-ordermanage">
						<!--订单管理-->
						<h2 class="accmanage-hd">我的订单</h2>
						<div class="order-nav">
							<ul id="orderStatus">
								<li class="active">所有订单</li>
								<li>待付款</li>
								<li>待发货</li>
								<li>待确认收货</li>
								<li>待评价</li>
							</ul>
							<div class="searchGroup">
								<input type="text" name="" id="" value="" placeholder="商品名称/商品编号/订单号" />
								<span></span>
							</div>
						</div>
						<table border="0" cellspacing="0" cellpadding="0" class="orderList">
							<thead>
								<tr>
									<th>
										<select>
											<option value="">近三个月订单</option>
										</select>
										订单详情
									</th>
									<th>订单金额</th>
									<th>订货人</th>
									<th>订单状态</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td colspan="5" class="orderId">
										<span>2017-09-19 11:55:08</span>
										<span>订单号：11121200993</span>
										<span>卖家：瀚达木业旗舰店</span>
										<span>买家：上海XXXX</span>
										<span><img src="img/accmanage/hint.png"/> 公司该订单需预付整单金额30% 作为定金</span>
									</td>
								</tr>
								<tr>
									<td class="details">
										<div class="sku">
											<a class="sku-dt" href="#"><img src="img/accmanage/goods.png"/></a>
											<a class="sku-dd">
												<p>奥古曼 &nbsp;&nbsp;板材&nbsp;&nbsp;A级&nbsp;&nbsp;加蓬&nbsp;&nbsp;品牌 &nbsp;&nbsp;200cm*300cm*1000cm</p> 
												<p>数量：20立方米&nbsp;&nbsp;单价：<span>3500</span>元/立方米</p>
											</a>
										</div>
										<div class="sku">
											<a class="sku-dt" href="#"><img src="img/accmanage/goods.png"/></a>
											<a class="sku-dd">
												<p>奥古曼 板材   A级   加蓬   品牌   200*300*1000 </p>
												<p>数量：   20立方米  单价：<span>3500</span>元/立方米</p>
											</a>
										</div>
									</td>
									<td>
										总计： <span class="red">160000</span><br />
										<span class="orange">已付：￥48000</span><br />
										待付：<span class="red">￥110000</span>
									</td>
									<td>
										李勇<br />
										13111111111
									</td>
									<td>
										<span class="green">已申请退款</span><br />
										<span class="gray">待付款</span><br />
										<span class="orange">（已付定金）</span><br />
										<a href="javascript:void(0);">订单详情</a>
									</td>
									<td>
										<a class="handleBtn orangeBg">付款</a><br />
										<!--<span class="handleBtn border_green green">拒绝退款</span><br />
										<span class="handleBtn border_orange orange">同意退款</span>-->
									</td>
								</tr>
								<tr><td colspan="5"></td></tr>
								<tr>
									<td colspan="5" class="orderId">
										<span>2017-09-19 11:55:08</span>
										订单号： <span>11121200993</span>
										卖家：<span>瀚达木业旗舰店</span>
										买家：<span>上海XXXX</span>
									</td>
								</tr>
								<tr>
									<td class="details">
										<div class="sku">
											<a class="sku-dt" href="#"><img src="img/accmanage/goods.png"/></a>
											<a class="sku-dd">
												<p>奥古曼 &nbsp;&nbsp;板材&nbsp;&nbsp;A级&nbsp;&nbsp;加蓬&nbsp;&nbsp;品牌 &nbsp;&nbsp;200cm*300cm*1000cm</p> 
												<p>数量：20立方米&nbsp;&nbsp;单价：<span>3500</span>元/立方米</p>
											</a>
										</div>
										<div class="sku">
											<a class="sku-dt" href="#"><img src="img/accmanage/goods.png"/></a>
											<a class="sku-dd">
												<p>奥古曼 &nbsp;&nbsp;板材&nbsp;&nbsp;A级&nbsp;&nbsp;加蓬&nbsp;&nbsp;品牌 &nbsp;&nbsp;200cm*300cm*1000cm</p> 
												<p>数量：20立方米&nbsp;&nbsp;单价：<span>3500</span>元/立方米</p>
											</a>
										</div>
									</td>
									<td>
										总计： <span class="red">160000</span><br />
									</td>
									<td>
										李勇<br />
										13111111111
									</td>
									<td>
										<span class="gray">待付款</span><br />
										<a href="javascript:void(0);">订单详情</a>
									</td>
									<td>
										<span class="handleBtn orangeBg appraise">评价</span><br />
										<span class="handleBtn greenBg deletOrder">取消</span><br />
										<!--<span class="handleBtn orangeBg">生成合同</span>-->
									</td>
								</tr>
							</tbody>
						</table>
						<div class="page_box">
								<span class="off">首页</span>
								<span class="on">1</span>
								<a href="">2</a>
								<a href="">3</a>
								<a href="">4</a>
								<a href="">5</a>
								<span class="dian">...</span>
								<a href="">9</a>
								<a href="">下一页</a>
								<a href="">末页</a>
								<span class="to"><input type="text" value="1" class="jump_page"></span>
								<span class="go">跳转</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="footer main"></div>
		<script type="text/javascript">
			$('.footer.main').load("底部-主.html");
		</script>
		<!--end-->
		<!--评价弹框-->
		<div class="dialog dialog-appraise">
			<div class="maskbg"></div>
			<div class="dialog-cont">
				<a class="close" href="javascript:void(0)"></a>
				<dl>
					<dt>商品：</dt>
					<dd class="shopGrade">
						<i class="active"></i>
						<i class="active"></i>
						<i class="active"></i>
						<i class="active"></i>
						<i class="active"></i>
					</dd>
				</dl>
				<dl>
					<dt>服务：</dt>
					<dd class="serveGrade">
						<i class="active"></i>
						<i class="active"></i>
						<i class="active"></i>
						<i class="active"></i>
						<i class="active"></i>
					</dd>
				</dl>
				<dl>
					<dt>评价：</dt>
					<dd>
						<textarea name="" rows="" cols=""></textarea>
					</dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>
						<button class="btn-orange fr">提交</button>
					</dd>
				</dl>
			</div>
		</div>
		<script src="js/app/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#orderStatus').on('click','li',function(){
				$('#orderStatus').find('li').removeClass('active');
				$(this).addClass('active');
			})
			
			//是否取消订单
			$(".deletOrder").on("click", function() {
				wood.confirm({
					msg:'确认取消该订单？',
					isOne:true
				})
			})
			
			//评价
			$(".appraise").on("click", function() {
				$(".dialog-appraise").stop().fadeIn();
			})
			$(".dialog-appraise .close,.dialog-appraise .maskbg").on("click", function() {
				$(".dialog-appraise").stop().fadeOut();
			})
			
			var shopGrade=5,
				serveGrade=5;
			
			//评分
			$('.shopGrade').on('click','i',function(){
				shopGrade=$(this).index()+1;
				$('.shopGrade i').each(function(index){
					if(index >= shopGrade){
						$(this).removeClass('active');
					}else {
						$(this).addClass('active');
					}
				})
			})
			$('.serveGrade').on('click','i',function(){
				serveGrade=$(this).index()+1;
				$('.serveGrade i').each(function(index){
					if(index >= serveGrade){
						$(this).removeClass('active');
					}else {
						$(this).addClass('active');
					}
				})
			})
		</script>
	</body>

</html>